<template>
  <!-- 顶部组件 -->
  <app-navbar />

  <!-- 头部组件 -->
  <app-header />
  <!-- 吸顶头部组件 -->
  <app-header-sticky />

  <!-- 内容组件 -->
  <div class="main">
    <!-- 二级路由占位符 -->
    <router-view></router-view>
  </div>
  <!-- 底部组件 -->
  <app-footer />
</template>

<script  setup >
import AppNavbar from "../components/app-navbar.vue";
import AppHeader from "@/components/app-header.vue";
import AppFooter from "@/components/app-footer.vue";
import AppHeaderSticky from "@/components/app-header-sticky.vue";
import { useStore } from "vuex";
const store = useStore()
store.dispatch("category/getList")
</script>

<style lang="less" scoped>
</style>
